<script setup>

import LayoutFooter from "@/views/Layout/components/LayoutFooter.vue";
import LayoutHeader from "@/views/Layout/components/LayoutHeader.vue";
import Category from "@/views/Category/index.vue";
</script>

<template>
  <div class="container">
    <div class="main">
      <div class="sidebar">
        <layout-header/>
      </div>
      <div class="main-content">
        <Category/>
      </div>
    </div>
    <layout-footer/>
  </div>

</template>

<style scoped>
.main{
  display: flex;
  flex-direction: row;
}
.container {
  max-width: 600px;
  min-width: 200px;
  margin: 0 auto;
  padding: 16px;
  border: #1dc779 solid 1px;
  border-radius: 10px;
}
</style>